extends ../../components/layout
append style
  +css('demo/demo.css')
block content
  section
    -
      var list = [{
        name: '按钮',href: 'button.html'
      },{
        name: '列表',href: 'cell.html'
      },{
        name: '表单',href: 'form.html'
      },{
        name: 'Toast',href: 'toast.html'
      },{
        name: 'Dialog',href: 'dialog.html'
      },{
        name: 'navbar',href: 'navbar.html'
      },{
        name: 'footbar',href: 'footbar.html'
      },{
        name: 'swiper',href: 'swiper.html'
      },{
        name: 'actions',href: 'actions.html'
      },{
        name: 'popup',href: 'popup.html'
      },{
        name: 'select',href: 'select.html'
      },{
        name: 'calendar',href: 'calendar.html'
      },{
        name: 'require',href: 'require.html'
      },{
        name: 'formedit',href: 'formedit.html'
      },{
        name: 'refresh',href: 'refresh.html'
      },{
        name: 'loadmore',href: 'loadmore.html'
      }]
    ul.demos-list.gzl-grid__box
      -for(var i=0;i<list.length;i++)
        li.gzl-grid__item
          a(href=list[i].href)
            +icon('#icon-question')
            p #{list[i].name}